<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


	
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title>校园招聘</title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link href="css/content.css" rel="stylesheet">
		<link  href="css/footer.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>

	</head>
	<body>
	<!-- 导入导航栏 -->
		<jsp:include page="/common/header.jsp"></jsp:include>
			<!-- 分割 -->
		<div style="height: 20px;"></div>
	<!-- 搜索栏 -->
	<div style="margin: 30px auto; width: 50%;">
			<form action="" target="_blank">
				<div class="form-inline input-group">
					<span class="input-group-btn">
						<input type="text" class="form-control" placeholder="搜索职位或公司" name="word" style="height:45px;width:700px;">
						<input type="submit" class="btn btn-default" value="搜索" style=" background-color: #00b38a; height:45px; width: 100px;">
					</span>
				</div>
			</form>
		</div>
		
		<!-- 轮播图 -->
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="carousel slide" id="carousel-187447">
						<ol class="carousel-indicators">
							<li data-slide-to="0" data-target="#carousel-187447">
							</li>
							<li data-slide-to="1" data-target="#carousel-187447">
							</li>
							<li data-slide-to="2" data-target="#carousel-187447" class="active">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item">
								<img alt="" src="img/banner_01.jpg" />
							</div>
							<div class="item">
								<img alt="" src="img/banner_02.jpg" />

							</div>
							<div class="item active">
								<img alt="" src="img/banner_01.jpg" />
								<div class="carousel-caption">

								</div>
							</div>
						</div>
						<a class="left carousel-control" href="#carousel-187447" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="right carousel-control" href="#carousel-187447" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 分割 -->
		<div style="height: 20px;"></div>
		<!-- 热门公司 -->

		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<ul class="nav nav-pills">
						<li class="active">
							<a href="#"> <span class="badge pull-right">hot</span>热门公司</a>
						</li>
					</ul>
					<!-- 分割 -->
					<div style="height: 20px;"></div>
					<div class="row">
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/zijietiaodong.jpeg" />
								<div class="caption">
									<h3>
										<a href="https://job.bytedance.com/campus/position" title="字节跳动">字节跳动</a>
									</h3>
									<p class="indus-stage wordCut">
										文娱丨内容/C轮/2000人以上
									</p>
									<p class="advantage wordCut">
										你关心的，才是头条
									</p>
									<p>
										<a class="btn btn-primary" href="https://job.bytedance.com/campus/position">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/xuebajun.png" />
								<div class="caption">
									<h3>
										<a href="http://www.xueba100.com/" title="学霸君">学霸君</a>
									</h3>
									<p class="indus-stage wordCut">
										移动互联网/不需要融资/2000人以上
									</p>
									<p class="advantage wordCut">
										让每个家庭为自己的孩子感到骄傲！
									</p>
									<p>
										<a class="btn btn-primary" href="http://www.xueba100.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/wangluo.jpg" />
								<div class="caption">
									<h3>
										<a href="https://www.eskyfun.com/" title="广州天游">广州天游</a>
									</h3>
									<p class="indus-stage wordCut">
										游戏/不需要融资/50-150人
									</p>
									<p class="advantage wordCut">
										扬帆海外，共赢未来
									</p>
									<p>
										<a class="btn btn-primary" href="https://www.eskyfun.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/wanba.png" />
								<div class="caption">
									<h3>
										<a href="https://www.moqiwanba.com/" title="玩吧">玩吧</a>
									</h3>
									<p class="indus-stage wordCut">
										社交/B轮/150-500人
									</p>
									<p class="advantage wordCut">
										让社交更轻松！
									</p>
									<p>
										<a class="btn btn-primary" href="https://www.moqiwanba.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
					</div>
					
					
					<div class="row">
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/guoke.png" />
								<div class="caption">
									<h3>
										<a href="https://www.guokr.com/" title="果壳网">果壳网</a>
									</h3>
									<p class="indus-stage wordCut">
										移动互联网,社交/C轮/150-500人
									</p>
									<p class="advantage wordCut">
										国内知名科学文化品牌
									</p>
									<p>
										<a class="btn btn-primary" href="https://www.guokr.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/yeshen.png" />
								<div class="caption">
									<h3>
										<a href="https://www.yeshen.com/" title="夜神数娱">夜神数娱</a>
									</h3>
									<p class="indus-stage wordCut">
										移动互联网/C轮/150-500人
									</p>
									<p class="advantage wordCut">
										全球领先的智能分发网络平台
									</p>
									<p>
										<a class="btn btn-primary" href="https://www.yeshen.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/zuzuche.png" />
								<div class="caption">
									<h3>
										<a href="https://www.zuzuche.com/" title="租租车">租租车</a>
									</h3>
									<p class="indus-stage wordCut">
										旅游,消费生活/C轮/500-2000人
									</p>
									<p class="advantage wordCut">
										全球领先的境外自驾游互联网平台
									</p>
									<p>
										<a class="btn btn-primary" href="https://www.zuzuche.com/">查看</a>
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-3">
							<div class="thumbnail">
								<img alt="100x50" src="img/smart.png" />
								<div class="caption">
									<h3>
										<a href="http://www.smartx.com.cn/" title="SmartX">SmartX</a>
									</h3>
									<p class="indus-stage wordCut">
										数据服务/B轮/50-150人
									</p>
									<p class="advantage wordCut">
										让 IT 变得简单
									</p>
									<p>
										<a class="btn btn-primary" href="http://www.smartx.com.cn/">查看</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	<!-- 导入底部信息 -->
  	<jsp:include page="/common/footer.jsp"></jsp:include>
	</body>
</html>
